<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车_TheNorthFace官方商城</title>
</head>

<body>
    <!-- 头 -->
    <div class="head">
        <div class="logo">
            <a href="../../index.html">
                <img src="https://img1.thenorthface.com.cn/themes/tnf/images/tnf-logo.jpg">

            </a>

        </div>
        <p class="title">购物车</p>
        <p class="land"><a href="../login/login.html">登陆/注册</a></p>
    </div>
    <div class="step">
        <p >
            <img src="https://www.thenorthface.com.cn/themes/tnf/images//cart-in.png">
            <span class="s1">1.放入购物车</span>
        </p>
        <p >
            <img src="https://www.thenorthface.com.cn/themes/tnf/images//cart-out-1.png">
            <span class="s2">2.订单结算</span>

        </p>
        <p class="s2">
            <img src="https://www.thenorthface.com.cn/themes/tnf/images//cart-out-2.png">
            <span>3.订单支付</span>
        </p>




    </div>
    <!-- 购物车主体 -->
    <div class="nothing" style="display:none">
        <p>购物车里还没有商品 , 赶紧选购吧! </p>
        <a href="../details/details.html">立即选购</a>
    </div>
    <div class="carlist">
        <div class="tou">
            <p class="p1">
                <input class="all-select" type="checkbox">&nbsp全选
            </p>
            <p class="p2">商品</p>
            <p class="p3">单价</p>
            <p class="p4">数量</p>
            <p class="p5">小计</p>
            <p class="p6">操作</p>
        </div>
        <div class="goods">
        </div>
        <div class="total">
            <div class="total_s">
                <div class="st">
                    <p>商品金额：<span class="total_num">￥298.00</span></p>
                    <p>商品总计：<span class="total_num">￥298.00</span></p>
                </div>
                <div class="sb">
                    <a href="./index.html">继续购物</a>
                    <button type="submit">下单结算</button>

                </div>


            </div>


        </div>




    </div>


    <div class="footer" id="footer"></div>
</body>

</html>